		<inject articleArchivesDesc />
		<inject getHeader />
		<section id="ContentDetail" class="container">
			<inject postsWhile />
				<style>
					.myArchive h2{font-weight:700;font-size:20px;margin-top:60px;margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid #dadada;color:var(--my-preset-color-font-3);line-height:1.1}
					.myArchive h3{font-weight: 700;font-size: 18px;margin-bottom: 20px;color: var(--my-preset-color-font-2);}
					.myArchive .archives-by-month{position: relative;}
					.myArchive .archives-by-month p.collapse{margin-bottom: 20px;position: absolute;top: 5px;right: 0;}
					.myArchive ul{padding:0;line-height:28px}
					.myArchive ul li{margin:0;background:0 0;list-style:disc inside;font-size:16px;}
					.myArchive ul li span{cursor: pointer;}
					.myArchive ul li span::after{content:'◤';transform: rotate(-135deg) translate(3px, -1px);display: inline-block;margin-left: 6px; transition: .2s all;}
					.myArchive ul li.show span::after{transform: rotate(45deg) translate(0px, 4px);}
					.myArchive a{outline:medium none;color:var(--my-preset-color-active);text-decoration:none}
					.myArchive a:hover{text-decoration:underline}
					.myArchive ul li ul{margin:10px 0;max-height: 0;overflow-y:hidden;transition:.3s max-height;}
					.myArchive ul li ul li{list-style-type:circle}
				</style>
				<article id="Article" <inject postClassEntry />>
					<div class="entry-title" style="margin: 40px 0 30px;">
						<h1><inject theTitle /></h1>
					</div>
					<div class="myArchive">
						<p>共有<inject postsCount /> 篇文章，<inject commentsCount />条留言，于<inject lastUpdateTime />最后更新。</p>
						<inject archivesByMonth />
						<inject archivesPostList />
					</div>
				</article>
			<inject endwhile />
			<inject endif />
		</section>
		<inject getFooter />
		<script type="module" src="<inject getThemeUriPath />/scripts/archives.js"></script>
  </body>
</html>